.homePage {

    .homePage-outlet {
        width: 100vw;
        height: 100vh;
        background-color: #090D0F;
        padding-top: 64px;
    }
}

:global {

    // 下拉框
    .ant-select-dropdown {
        background-color: rgba(15, 56, 77, 0.9);
        box-shadow: 0px 6px 16px 0px rgba(9, 13, 15, 0.3), 0px 3px 6px 0px rgba(9, 13, 15, 0.2);
        border-radius: 2px;
        border: 1px solid rgba(23, 161, 230, 1);
        padding: 0;
    }

    // 下拉框文字
    .ant-select-dropdown .ant-select-item-option-content {
        font-size: 14px;
        font-weight: 400;
        color: #B8D6E6;

    }

    // 下拉框选中选项
    .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
        background-color: rgba(23, 161, 230, 0.5);
        border-radius: 0%;
    }


    // 下拉框分组标题
    .ant-select-dropdown .ant-select-item-group {
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.45);
        border-radius: 2px;
        border-top: 1px solid rgba(23, 161, 230, 0.2);
    }

    // 时间范围选择框
    .ant-picker-dropdown .ant-picker-panel-container {
        background: rgba(15, 56, 77, 0.9);
        box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.09), 0px 6px 16px 0px rgba(9, 13, 15, 0.3), 0px 3px 6px 0px rgba(9, 13, 15, 0.2);
        border-radius: 2px;
        border: 1px solid #17A1E6;
    }

    // 时间范围选择框头部文字
    .ant-picker-dropdown .ant-picker-header-view {
        pointer-events: none;
        font-size: 14px;
        font-weight: 500;
        color: #FFFFFF;

    }

    // 时间范围选择框头部按钮
    .ant-picker-dropdown .ant-picker-header>button {
        min-width: 1.6em;
        font-size: 14px;
        color: #7A8F99;

        &:hover {
            color: #B8D6E6;

        }
    }

    // 时间范围选择表头
    .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th {
        font-size: 14px;
        font-weight: 500;
        color: #FFFFFF;
    }

    // 不可选日期
    .ant-picker-dropdown .ant-picker-content td {
        font-size: 14px;
        font-weight: 400;
        // color: #7A8F99;
    }

    // 可选日期
    .ant-picker-dropdown .ant-picker-cell-in-view {
        font-size: 14px;
        font-weight: 400;
        color: #B8D6E6 !important;
    }

    // 当前选中日期
    .ant-picker-dropdown .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-selected) .ant-picker-cell-inner,
    .ant-picker-dropdown .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-range-start) .ant-picker-cell-inner,
    .ant-picker-dropdown .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-range-end) .ant-picker-cell-inner {
        background-color: #17A1E6 !important;
        box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.09);
        border-radius: 2px !important;
    }

    // 选中hover，当前选中日期伪元素，不可选日期
    .ant-picker-dropdown .ant-picker-cell-inner::after,
    .ant-picker-dropdown .ant-picker-cell-disabled::before {
        background-color: rgba(0, 0, 0, 0) !important;
    }

    // 日期背景
    .ant-picker-dropdown .ant-picker-cell-in-view::before {
        background-color: rgba(0, 0, 0, 0);
    }

    // 选中日期背景
    .ant-picker-dropdown .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-range-start):not(.ant-picker-dropdown .ant-picker-cell-range-start-single)::before,
    .ant-picker-dropdown .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-range-end):not(.ant-picker-dropdown .ant-picker-cell-range-end-single)::before {
        background-color: rgba(23, 161, 230, 0.2) !important;
        left: 0px;
        right: 0;
    }

    // 选中日期范围hover，选中日期范围
    .ant-picker-dropdown .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-in-range-hover)::before,
    .ant-picker-dropdown .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-in-range)::before {
        background-color: rgba(23, 161, 230, 0.2) !important;
        box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.09);
    }

    // 今天日期
    .ant-picker-dropdown .ant-picker-cell-in-view:is(.ant-picker-dropdown .ant-picker-cell-today) .ant-picker-cell-inner::before {
        border-color: #17A1E6;
    }

    // 禁用日期
    .ant-picker-dropdown .ant-picker-cell {
        color: #7A8F99;
    }
}